<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>鲜花商城</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.png">

    <!-- Helper CSS -->
    <link rel="stylesheet" href="assets/css/helper.css">

    <!-- Main Style CSS -->
    <!-- <link rel="stylesheet" href="assets/css/style.css"> -->

    <!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
    <link rel="stylesheet" href="/css/plugins-min/plugins.min.css">
    <link rel="stylesheet" href="/css/style.min.css">

</head>
<body>

    <div class="main-wrapper">

        <!--Top Notification Start-->
        <div class="top-notification-bar text-center">
            <div class="container">
                <div class="notification-entry">
                    <p>花花世界，花见真情！ <a href="#"></a></p>
                </div>
            </div>
            <div class="notification-close">
                <button class="notification-close-btn"><i class="fa fa-times"></i></button>
            </div>
        </div>
        <!--Top Notification End-->

        <!--Header Section End-->

        <div class="overlay"></div>
        <!--Overlay-->

        <!--Page Banner Start-->
        <div class="page-banner" style="background-image: url(/images/testimonial-bg.jpg);">
            <div class="container">
                <div class="page-banner-content text-center">
                    <h2 class="title">Login</h2>
                </div>
            </div>
        </div>
        <!--Page Banner End-->

        <!--Login Start-->
        <div class="login-page section-padding-5">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="login-register-content">
                            <h4 class="title">登录您的账户</h4>

                            <div class="login-register-form">
                                <form th:action="@{/user/login}" method="post" class="from">
                                    <div class="single-form">
                                        <label>用户名 </label>
                                        <input name="userName">
                                    </div>
                                    <div class="single-form">
                                        <label>密码</label>
                                        <input name="password">
                                    </div>
                                    <div class="single-form">
                                        <button class="btn btn-primary btn-block">登录</button>
                                    </div>
                                    <div class="single-form d-flex justify-content-between">
                                        <div class="cus-checkbox">
                                            <input type="checkbox" id="remember">
                                            <label for="remember"><span></span> 记住我</label>
                                        </div>
                                        <div class="forget">
                                            <a href="#">忘记密码</a>
                                        </div>
                                    </div>
                                    <div class="single-form">
                                        <label>您没有账户 ?</label>
                                        <a href="register.html" class="btn btn-dark btn-block">立即注册账户</a>
                                    </div>
                                </form>
                                <br/>
                                <label th:text="${msg}"></label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Login End-->

        <!--Footer Section Start-->
        <div class="footer-area">
            <div class="container">
                <div class="footer-widget-area section-padding-6">
                    <div class="row justify-content-between">

                        <!--Footer Widget Start-->
                        <div class="col-lg-4 col-md-6">
                            <div class="footer-widget">
                                <img src="/images/logo/logo-white.png" alt="">
                                <div class="footer-widget-text">
                                    <p>花花世界，花见真情！</p>
                                </div>
                                <div class="widget-social">
                                    <ul>
                                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                        <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <!--Footer Widget End-->
                        </div>

                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">信息</h4>

                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a href="#">帮助&常见问题</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">帮助</h4>

                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a href="#">联系客服</a></li>
                                        <li><a href="#">常见问题</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-2 col-md-4 col-sm-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget-title">顾客服务</h4>

                                <div class="footer-widget-menu">
                                    <ul>
                                        <li><a href="my-account.html">我的账户</a></li>
                                        <li><a href="#">使用条款</a></li>
                                        <li><a href="#">法律声明</a></li>
                                        <li><a href="about.html">关于我们</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!--Footer Section End-->

        <!--Back To Start-->
        <a href="#" class="back-to-top">
            <i class="fa fa-angle-double-up"></i>
        </a>
        <!--Back To End-->

    </div>

    <!-- JS
    ============================================ -->

    <!-- Modernizer JS -->
    <script src="/js/vendor/modernizr-3.6.0.min.js"></script>
    <!-- jQuery JS -->
    <script src="/js/vendor/jquery-3.3.1.min.js"></script>

    <!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
    <script src="/js/plugins.min.js"></script>

    <!-- Main JS -->
    <script src="/js/main.js"></script>

</body>
</html>